<template> 
	<div class="main">
		<div class="left">
			<Left />
		</div>	
		<div class="right">
			<div class="top">
				<img src="img/timg.jpg">
			</div>
			<div class="buttom">
				<Right />
			</div>
		</div>
	</div>
</template>

<script type="text/javascript">
	import Left from './Left.vue'
	import Right from './Right.vue'
	export default {
		components: {
			Left,
			Right
		}
	}
</script>

<style type="text/css">
* {
	padding: 0;
	margin: 0;
}
.left {
	width: 100;
	float: left;
	margin-right: 10px;
}
.right {
	width: 1000px;
	float: left;
	margin-right: 10px;
}
.main {
	width: 1200px;
	margin: 20px auto;
}
.top img {
	height: 200px;
	width: 1000px;
}
.left, .right {
	background-color: #f5f5f5;
}
</style>